@charset "utf-8";
/*news*/
.news{min-width:1000px; height: 60px; background-color: #E6E6E6;}
.news-content{width: 1000px; margin: 0 auto;}
.news-content-l{float:left;margin-top: 17px;left:0px; width: 73px; height: 27px; line-height: 27px; background: url('../images/dongtaikuang.png') no-repeat; color: #FFF; cursor: pointer;}
.news-content-l span{float:right; padding-right:13px; margin-top: 0px;}
.news-content-r{float:left; left:0px; text-align: left; line-height: 60px; margin-left: 10px;}
.news-content-r span{float:left;width: 450px; padding-top: 20px;}
.middle{width: 100%; background: #F6F6F6; height: 445px; margin: 0 auto;}
.middle-content{width: 1000px; height: 445px; margin: 0 auto; background: #F6F6F6;}
.middle-content .up{width: 1000px; margin:0 auto; padding-top: 20px;}
.middle-content span{width: 1000px; margin: 0 auto;display: inline-block; text-align: center; font-size: 14px; color: #484848; line-height: 25px;}
.middle-content .up .left{float:left;border-top:1px solid #CACACA; margin-top: 20px;width: 270px; height: 40px;}
.middle-content .up .middle{float:left;width: 450px; height: 50px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 23px; font-family: "Microsoft YaHei"; line-height: 40px; color: #484848;}
.middle-content .up .right{float:left;border-top:1px solid #CACACA; margin-top: 20px;width: 270px; height: 40px;}
.line{width:1px;height:30px; border-left-color: red;}
.service-project-div{width: 100%; background: #FFF; height: 300px;}
.down{width: 1000px; margin:0 auto; margin-top: 20px;}
.down-box{width: 230px; display: inline; position: relative;}
.down-box-u{width: 309px; height: 190px; float: left; top: 0px; left: 0px; margin-right:0px;}
.down-box-u-last{width: 309px; height: 190px; float: left; top: 0px; left: 0px;}
.down-box-d{float: left;top: 0px; left: 0px; margin-top: 190px;}
.b-r-item{width: 309px; height: 250px; margin-top: 16px; margin-right: 30px; background: #333; position: relative;}
.b-r-item div:hover{filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; background: #333; cursor: pointer;}
.b-r-item-img{width: 309px; height: 190px;}
.b-r-item-title{width:100%; height:40px; padding: 15px 0 15px 0px; display: block; font-weight: bold; color: red; font-size: 14px; background-color: #F6F6F6;color: #484848;}
.b-r-item-title:hover{color: #484848; text-decoration: none;}
.service-project-div{width: 100%;}
.service-project-div .service-name{width: 1000px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 23px; font-family: "Microsoft YaHei"; margin-top: 25px; margin-bottom: 40px;}
.service-content{width: 1000px; margin: 0 auto;}
.service-item{float:left;left:0px;margin-right:35px;}
.service-item-last{float:left;left:0px;margin-right: 0px;}
.service-bg{float:left; left:0px; width: 309px; height: 152px; background: url("../images/dikuang.png");}
.service-bg ul{width: 309px; height: 60px;}
.service-bg ul li{margin-left: 22px; color: #063B50; font-size: 13px; height: 22px; line-height: 22px; cursor: pointer;}
.service-bg ul li:hover{color: #B2E7F9;}
.service-bg ul li b{float: left; left: 0px; background: url("../images/dian.png") no-repeat; width: 6px; height: 6px; margin-top: 8px; margin-right: 10px;}
.service-bg .more{float: right; bottom: 0px; right: 100px; height: 31px; width: 54px; margin-right: 20px;background: url("../images/dianqian.png") no-repeat;}
.service-bg .more:hover{background: url("../images/dianjihou.png") no-repeat;}
.service-header{width: 309px;height: 50px; line-height: 50px;}
.service-header img{margin: 2px 0px 10px 22px;}
.service-header span{font-size: 15px; color: white; font-weight: bold;}
.header-anno-content:hover{color: #31A8DE;}
.fl{float: left;}
.fr{float: right;}


/* banner-box */
.banner-box{min-width:1000px;height:386px;position:relative;overflow:hidden; margin: 0 auto;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%; overflow:hidden; position:relative;}
/*.banner-box .bd li{width:100% !important;height:386px;}*/
/*.banner-box .bd li a{display:block;background-size:auto; margin: 0 auto; left:0px;}*/
.banner-box .bd li img{position: relative; left: 51%; margin-left:-1138px; width: 2200px; height: 386px;}

.banner-btn{width:2200px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:60px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:60px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:240px;left:545px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:15px;background:#AAA6A2;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#ccc;}

.header-anno-item{float:left;margin-top: 22px; padding-left: 15px; color: #595757;height: 20px; width:900px; font-size: 14px; overflow: hidden;}
.header-anno-title{width: 900px;overflow: hidden; font-size: 14px; line-height: 18px;}
.content-date{float:right; right: 0px; top: 0px; margin-top: 0px; color: #595757; cursor: pointer;}
.hoverLineColor{color: #000;}
.hoverLineColor:hover{color: #000;}
.content-content{background: url("../images/blank.gif"); width: 1px; height: 1px;}

.scroll-text ul {width: 800px; height: 100px; overflow: hidden; margin: 0;}
.scroll-text ul li {height: 1.5em;}
.scroll-img {width: 1000px;margin:0 auto; height: 260px; overflow: hidden; font-size: 0;}
.scroll-img ul { width: 700px; height: 600px; margin: 0;}
.scroll-img ul li {display: inline-block;  margin: 30px 35px 0px 0px;}
#demo5.scroll-img ul {width: 1500px;}
